/*
 * @Author: your name
 * @Date: 2020-12-10 17:17:50
 * @LastEditTime: 2020-12-18 11:45:32
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\proj_steam\src\js\header.js
 */
/*
 * @Author: your name
 * @Date: 2020-12-04 11:42:03
 * @LastEditTime: 2020-12-10 19:41:15
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\steam\js\header.js
 */
define(['jquery', 'cookie'], () => {
    class Header {
        constructor() {
            this.load()
        }
        load() {
            $('header').load('/html/header.html', () => {
                this.languageBtnClick()
                this.personBtnClick()
                this.getCookie()
            })
        }
        languageBtnClick() {
            let flag = true
            document.addEventListener('click', function (e) {

                e = e || window.event
                const target = e.target || e.srcElement
                if (target.nodeName === 'SPAN' && target.innerText === '语言') {
                    if (flag) {
                        flag = false
                        $('.language-box').css({
                            visibility: 'visible',
                            opacity: 1
                        })
                    } else {
                        flag = true
                        $('.language-box').css({
                            visibility: 'hidden',
                            opacity: 0
                        })
                    }
                }
                if (target.nodeName !== 'SPAN' && target.innerText !== '语言')
                    if (flag === false) {
                        flag = true
                        $('.language-box').css({
                            visibility: 'hidden',
                            opacity: 0
                        })
                    }
            })
            // document.onclick = function (e) {

            //     e = e || window.event
            //     const target = e.target || e.srcElement
            //     if (target.nodeName === 'SPAN' && target.innerText === '语言') {
            //         if (flag) {
            //             flag = false
            //             $('.language-box').css({
            //                 visibility: 'visible',
            //                 opacity: 1
            //             })
            //         } else {
            //             flag = true
            //             $('.language-box').css({
            //                 visibility: 'hidden',
            //                 opacity: 0
            //             })
            //         }
            //     }
            //     if (target.nodeName !== 'SPAN' && target.innerText !== '语言')
            //         if (flag === false) {
            //             flag = true
            //             $('.language-box').css({
            //                 visibility: 'hidden',
            //                 opacity: 0
            //             })
            //         }

            // }
        }
        personBtnClick() {
            let flag = true
            document.addEventListener('click', function (e) {
                e = e || window.event
                const target = e.target || e.srcElement
                if (target.nodeName === 'SPAN') {
                    if (flag) {
                        flag = false
                        $('.person-message').css({
                            visibility: 'visible',
                            opacity: 1
                        })
                    } else {
                        flag = true
                        $('.person-message').css({
                            visibility: 'hidden',
                            opacity: 0
                        })
                    }
                }
                if (target.nodeName !== 'SPAN')
                    if (flag === false) {
                        flag = true
                        $('.person-message').css({
                            visibility: 'hidden',
                            opacity: 0
                        })
                    }
            })
            // document.onclick = function (e) {

            //     e = e || window.event
            //     const target = e.target || e.srcElement
            //     if (target.nodeName === 'SPAN') {
            //         if (flag) {
            //             flag = false
            //             $('.person-message').css({
            //                 visibility: 'visible',
            //                 opacity: 1
            //             })
            //         } else {
            //             flag = true
            //             $('.person-message').css({
            //                 visibility: 'hidden',
            //                 opacity: 0
            //             })
            //         }
            //     }
            //     if (target.nodeName !== 'SPAN')
            //         if (flag === false) {
            //             flag = true
            //             $('.person-message').css({
            //                 visibility: 'hidden',
            //                 opacity: 0
            //             })
            //         }

            // }
        }
        getCookie() {
            if ($.cookie('userInfo')) {

                if ($.cookie('userInfo') === 'null') {
                    $('.menuBtn').css({ display: 'flex' })
                    $('.person-menuBtn').css({ display: 'none' })

                } else {
                    // 如果存在 cookie 把用户名给到 页面上
                    const username = JSON.parse($.cookie('userInfo')).username
                    
                    $('.menuBtn').css({ display: 'none' })
                    $('.person-menuBtn').css({ display: 'flex' })
                    $('#person-btn').text(username)
                    $('.person-message a').find('em').text(username).parent().click(function () {
                        $.cookie('userInfo', null,{
                            path:'/'})
                        localStorage.removeItem('list')
                        location.reload()

                    })
                }
            } else {
                $('.menuBtn').css({ display: 'flex' })
                $('.person-menuBtn').css({ display: 'none' })

            }
        }
    }
    return new Header
});


// // 导航栏复调用
// $('header').load('/html/header.html',()=>{
//     languageBtnClick()
// })

//  // 语言框的点击事件
// function languageBtnClick(){
//     let flag = true  
//     document.onclick = function (e) {
//         e = e || window.event
//         const target = e.target || e.srcElement
//         if (target.nodeName === 'SPAN' && target.innerText === '语言') {
//             if (flag) {
//                 flag = false
//                  $('.language-box').css({
//                     visibility: 'visible',
//                     opacity: 1
//                 })
//             }else{
//                 flag = true
//                  $('.language-box').css({
//                     visibility: 'hidden',
//                     opacity: 0
//                 })
//             }
//         }
//         if (target.nodeName !== 'SPAN' && target.innerText !== '语言')
//             if (flag === false) {
//                 flag = true
//                  $('.language-box').css({
//                     visibility: 'hidden',
//                     opacity: 0
//                 })
//             }

//     }
// }




